<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>盒子模型</title>
		<style>
			.box1{
				border-width:10px;
				border-color:red;
				border-style:solid;  /*实线*/
				/*边框复合写法：
				border：颜色 粗细 样式;(顺序不论)*/
				/*solid:实线     dashed:虚线         dotted:点线*/
				/*px：像素*/
				/*颜色的写法:
				 颜色英语单词,rgb(),#3E40FF
				 rgb(53,150,241)*/
				border: 1px solid #e370ff;
				width:200px; /*宽：像素*/
				height:300px; /*高：px*/
				/*padding: 20px;*/
                 /*top:上 left:左   bottom:下   right:右    center:居中  */
				/*padding-top: 30px;
				padding-top: 30px;
				padding-left: 10px;
				padding-bottom: 20px;
				padding-right: 40px; */
				/* 复合写法:
				 padding:一个值（上下左右）；
				 padding：两个值（上下、左右）；
				 padding：三个值（上、左右、下）；
				 padding：四个值（上、右、下、左>顺时针）；
				 */
				
				padding:  30px 20px 10px;
			}
		</style>
	</head>
	<body>
		<div class="box1">
			hello world!
		</div>
	</body>
</html>
